<!doctype html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Fresns" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="generator" content="Bootstrap 5">
    <title>Fresns 网站引擎</title>
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/bootstrap-icons.css">
    <link rel="stylesheet" href="../assets/css/backend.css">
</head>

<body>

    <main>
        <div class="container-lg p-0 p-lg-3">
            <div class="bg-body shadow-sm mt-4 mt-lg-2 p-3 p-lg-5">
                <div class="row mb-2">
                    <div class="col-7">
                        <h3>Fresns 网站引擎 <span class="badge bg-secondary fs-9">v1.0.0</span></h3>
                        <p class="text-secondary">Fresns 官方开发的网站引擎，集成在主程序中运行。</p>
                    </div>
                    <div class="col-5 text-end"></div>
                </div>
                <div class="mb-3">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="operating-tab" data-bs-toggle="tab" data-bs-target="#operating" type="button" role="tab" aria-controls="operating" aria-selected="true">站点设置</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="menu-tab" data-bs-toggle="tab" data-bs-target="#menu" type="button" role="tab" aria-controls="menu" aria-selected="false">菜单设置</button>
                        </li>
                    </ul>
                </div>
                <div class="tab-content" id="myTabContent">
                    <!--运营设置-->
                    <div class="tab-pane fade show active" id="operating" role="tabpanel" aria-labelledby="operating-tab">
                        <form class="mt-4">
                            <div class="row mb-4">
                                <label class="col-lg-2 col-form-label text-lg-end">密钥设置</label>
                                <div class="col-lg-10 form-text pt-1"><i class="bi bi-info-circle"></i> 密钥不支持后台配置，请查看引擎介绍文档设置密钥。</div>
                            </div>
                            <div class="row mb-4">
                                <label class="col-lg-2 col-form-label text-lg-end">网站统计代码：</label>
                                <div class="col-lg-5"><textarea class="form-control" rows="3"></textarea></div>
                                <div class="col-lg-5 form-text pt-1"><i class="bi bi-info-circle"></i> 第三方统计代码，不支持使用含有 document.write 的统计代码。</div>
                            </div>
                            <div class="row mb-4">
                                <label class="col-lg-2 col-form-label text-lg-end">网站互动功能：</label>
                                <div class="col-lg-5 pt-2">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="web_status" id="web_status_false" value="false" data-bs-toggle="collapse" data-bs-target="#web_status_setting.show" aria-expanded="false" aria-controls="web_status_setting" checked>
                                        <label class="form-check-label" for="web_status_false">开启</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="web_status" id="web_status_true" value="true" data-bs-toggle="collapse" data-bs-target="#web_status_setting:not(.show)" aria-expanded="false" aria-controls="web_status_setting">
                                        <label class="form-check-label" for="web_status_true">关闭</label>
                                    </div>
                                    <!--配置 开始-->
                                    <div class="collapse" id="web_status_setting">
                                        <div class="card mt-2">
                                            <div class="card-header text-success">关闭后显示配置</div>
                                            <div class="card-body">
                                                <div class="input-group mb-3">
                                                    <label class="input-group-text" for="web_number">显示数量</label>
                                                    <input type="number" class="form-control" id="web_number" value="5">
                                                    <span class="input-group-text">条数</span>
                                                </div>
                                                <div class="input-group">
                                                    <label class="input-group-text" for="web_proportion">显示比例</label>
                                                    <input type="number" class="form-control" id="web_proportion" value="30">
                                                    <span class="input-group-text">%</span>
                                                </div>
                                                <div class="form-text"><i class="bi bi-info-circle"></i> 列表页显示多少条内容，详情页显示内容百分比。</div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--配置 结束-->
                                </div>
                                <div class="col-lg-5 form-text pt-1"><i class="bi bi-info-circle"></i> 网页端互动功能关闭后，可以指定访问网站时内容显示数量和比例。</div>
                            </div>
                            <div class="row mb-4">
                                <label for="site_copyright" class="col-lg-2 col-form-label text-lg-end">中国大陆模式：</label>
                                <div class="col-lg-6 pt-2">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="china_server" id="china_server_false" value="false" data-bs-toggle="collapse" data-bs-target="#china_server_setting.show" aria-expanded="false" aria-controls="china_server_setting" checked>
                                        <label class="form-check-label" for="china_server_false">否</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="china_server" id="china_server_true" value="true" data-bs-toggle="collapse" data-bs-target="#china_server_setting:not(.show)" aria-expanded="false" aria-controls="china_server_setting">
                                        <label class="form-check-label" for="china_server_true">是</label>
                                    </div>
                                    <!--中国大陆服务器配置 开始-->
                                    <div class="collapse" id="china_server_setting">
                                        <div class="card mt-2">
                                            <div class="card-header">中国大陆服务器配置（非必填项）</div>
                                            <div class="card-body">
                                                <!--配置 开始-->
                                                <div class="input-group mb-3">
                                                    <label class="input-group-text" for="site_miit_beian">ICP 备案号</label>
                                                    <input type="text" class="form-control" id="site_miit_beian">
                                                </div>
                                                <div class="input-group mb-3">
                                                    <label class="input-group-text" for="site_miit_tsm">ICP 许可证号</label>
                                                    <input type="text" class="form-control" id="site_miit_tsm">
                                                </div>
                                                <div class="input-group mb-1">
                                                    <label class="input-group-text" for="site_miit_gongan">公安备案号</label>
                                                    <input type="text" class="form-control" id="site_miit_gongan">
                                                </div>
                                                <!--配置 结束-->
                                            </div>
                                        </div>
                                    </div>
                                    <!--中国大陆服务器配置 结束-->
                                </div>
                                <div class="col-lg-4 form-text pt-1"><i class="bi bi-info-circle"></i> 站点服务器部署在中国大陆境内时需要填写的信息。</div>
                            </div>
                            <div class="row mb-4">
                                <div class="col-lg-2"></div>
                                <div class="col-lg-10"><button type="submit" class="btn btn-primary">保存</button></div>
                            </div>
                        </form>
                    </div>
                    <!--菜单设置-->
                    <div class="tab-pane fade" id="menu" role="tabpanel" aria-labelledby="menu-tab">
                        <div class="table-responsive">
                            <table class="table table-hover align-middle text-nowrap">
                                <thead>
                                    <tr class="table-info">
                                        <th scope="col">首页</th>
                                        <th scope="col">菜单</th>
                                        <th scope="col">路径</th>
                                        <th scope="col">导航名称</th>
                                        <th scope="col">SEO 标题</th>
                                        <th scope="col">SEO 描述</th>
                                        <th scope="col">SEO 关键词</th>
                                        <th scope="col">启用状态</th>
                                        <th scope="col">操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><input class="form-check-input" type="radio" name="default_homepage" id="portal" value="portal"></td>
                                        <td>门户</td>
                                        <td>/portal</td>
                                        <td>榜单</td>
                                        <td>SEO 标题</td>
                                        <td>SEO 描述</td>
                                        <td>SEO 关键词</td>
                                        <td><i class="bi bi-check-lg text-success"></i></td>
                                        <td><button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#menuEdit" data-bs-whatever="门户">编辑</button></td>
                                    </tr>
                                    <tr>
                                        <td><input class="form-check-input" type="radio" name="default_homepage" id="members" value="members"></td>
                                        <td>成员</td>
                                        <td>/members</td>
                                        <td>用户</td>
                                        <td>SEO 标题</td>
                                        <td>SEO 描述</td>
                                        <td>SEO 关键词</td>
                                        <td><i class="bi bi-dash-lg text-secondary"></i></td>
                                        <td><button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#menuEdit" data-bs-whatever="成员">编辑</button></td>
                                    </tr>
                                    <tr>
                                        <td><input class="form-check-input" type="radio" name="default_homepage" id="groups" value="groups" checked></td>
                                        <td>小组</td>
                                        <td>/groups</td>
                                        <td>论坛</td>
                                        <td>SEO 标题</td>
                                        <td>SEO 描述</td>
                                        <td>SEO 关键词</td>
                                        <td><i class="bi bi-check-lg text-success"></i></td>
                                        <td><button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#menuEdit" data-bs-whatever="小组">编辑</button></td>
                                    </tr>
                                    <tr>
                                        <td><input class="form-check-input" type="radio" name="default_homepage" id="hashtags" value="hashtags"></td>
                                        <td>话题</td>
                                        <td>/hashtags</td>
                                        <td>标签</td>
                                        <td>SEO 标题</td>
                                        <td>SEO 描述</td>
                                        <td>SEO 关键词</td>
                                        <td><i class="bi bi-check-lg text-success"></i></td>
                                        <td><button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#menuEdit" data-bs-whatever="话题">编辑</button></td>
                                    </tr>
                                    <tr>
                                        <td><input class="form-check-input" type="radio" name="default_homepage" id="posts" value="posts"></td>
                                        <td>帖子</td>
                                        <td>/posts</td>
                                        <td>广场</td>
                                        <td>SEO 标题</td>
                                        <td>SEO 描述</td>
                                        <td>SEO 关键词</td>
                                        <td><i class="bi bi-check-lg text-success"></i></td>
                                        <td><button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#menuEdit" data-bs-whatever="帖子">编辑</button></td>
                                    </tr>
                                    <tr>
                                        <td><input class="form-check-input" type="radio" name="default_homepage" id="comments" value="comments"></td>
                                        <td>评论</td>
                                        <td>/comments</td>
                                        <td>动态</td>
                                        <td>SEO 标题</td>
                                        <td>SEO 描述</td>
                                        <td>SEO 关键词</td>
                                        <td><i class="bi bi-check-lg text-success"></i></td>
                                        <td><button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#menuEdit" data-bs-whatever="评论">编辑</button></td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>成员列表页</td>
                                        <td>/members/list</td>
                                        <td>排行榜</td>
                                        <td>SEO 标题</td>
                                        <td>SEO 描述</td>
                                        <td>SEO 关键词</td>
                                        <td><i class="bi bi-dash-lg text-secondary"></i></td>
                                        <td><button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#menuEdit" data-bs-whatever="成员">编辑</button></td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>小组列表页</td>
                                        <td>/groups/list</td>
                                        <td>全部版区</td>
                                        <td>SEO 标题</td>
                                        <td>SEO 描述</td>
                                        <td>SEO 关键词</td>
                                        <td><i class="bi bi-check-lg text-success"></i></td>
                                        <td><button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#menuEdit" data-bs-whatever="小组">编辑</button></td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>话题列表页</td>
                                        <td>/hashtags/list</td>
                                        <td>全部标签</td>
                                        <td>SEO 标题</td>
                                        <td>SEO 描述</td>
                                        <td>SEO 关键词</td>
                                        <td><i class="bi bi-check-lg text-success"></i></td>
                                        <td><button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#menuEdit" data-bs-whatever="话题">编辑</button></td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>帖子列表页</td>
                                        <td>/posts/list</td>
                                        <td>全部帖子</td>
                                        <td>SEO 标题</td>
                                        <td>SEO 描述</td>
                                        <td>SEO 关键词</td>
                                        <td><i class="bi bi-check-lg text-success"></i></td>
                                        <td><button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#menuEdit" data-bs-whatever="帖子">编辑</button></td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>评论列表页</td>
                                        <td>/comments/list</td>
                                        <td>全部评论</td>
                                        <td>SEO 标题</td>
                                        <td>SEO 描述</td>
                                        <td>SEO 关键词</td>
                                        <td><i class="bi bi-check-lg text-success"></i></td>
                                        <td><button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#menuEdit" data-bs-whatever="评论">编辑</button></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!--菜单设置 结束-->
                </div>
            </div>
        </div>
    </main>

    <footer>
        <div class="copyright text-center">
            <p class="mt-5 mb-5 text-muted">&copy; 2021 Fresns</p>
        </div>
    </footer>

    <!-- Modal -->
    <div class="modal fade" id="menuEdit" tabindex="-1" aria-labelledby="menuEdit" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">菜单设置</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="mb-3 row">
                            <label class="col-sm-3 col-form-label">导航名称</label>
                            <div class="col-sm-9">
                                <button type="button" class="btn btn-outline-secondary btn-modal w-100 text-start" data-bs-toggle="modal" data-bs-target="#langModal">导航名称</button>
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label class="col-sm-3 col-form-label">SEO 标题</label>
                            <div class="col-sm-9">
                                <button type="button" class="btn btn-outline-secondary btn-modal w-100 text-start" data-bs-toggle="modal" data-bs-target="#langModal">SEO 标题</button>
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label class="col-sm-3 col-form-label">SEO 描述</label>
                            <div class="col-sm-9">
                                <button type="button" class="btn btn-outline-secondary btn-modal w-100 text-start" data-bs-toggle="modal" data-bs-target="#langDescModal">SEO 描述</button>
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label class="col-sm-3 col-form-label">SEO 关键词</label>
                            <div class="col-sm-9">
                                <button type="button" class="btn btn-outline-secondary btn-modal w-100 text-start" data-bs-toggle="modal" data-bs-target="#langDescModal">SEO 关键词</button>
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label class="col-sm-3 col-form-label">默认参数</label>
                            <div class="col-sm-9">
                                <textarea class="form-control" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label class="col-sm-3 col-form-label">启用状态</label>
                            <div class="col-sm-9 pt-2">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="status" id="status_true" value="true" checked>
                                    <label class="form-check-label" for="status_true">启用</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="status" id="status_false" value="false">
                                    <label class="form-check-label" for="status_false">不启用</label>
                                </div>
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label class="col-sm-3 col-form-label"></label>
                            <div class="col-sm-9"><button type="submit" class="btn btn-primary">提交</button></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Language Modal -->
    <div class="modal fade" id="langModal" tabindex="-1" aria-labelledby="langModal" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">多语言设置</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="table-responsive">
                            <table class="table table-hover align-middle text-nowrap">
                                <thead>
                                    <tr class="table-info">
                                        <th scope="col" class="w-25">语言标签</th>
                                        <th scope="col" class="w-25">语言名称</th>
                                        <th scope="col" class="w-50">内容</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>zh-Hans-CN</td>
                                        <td>简体中文(内地)</td>
                                        <td><input type="text" class="form-control" value="名称"></td>
                                    </tr>
                                    <tr>
                                        <td>zh-Hans-SG</td>
                                        <td>简体中文(新加坡)</td>
                                        <td><input type="text" class="form-control" value="名称"></td>
                                    </tr>
                                    <tr>
                                        <td>zh-Hans-HK</td>
                                        <td>繁體中文(香港)</td>
                                        <td><input type="text" class="form-control" value="名稱"></td>
                                    </tr>
                                    <tr>
                                        <td>en-US <i class="bi bi-info-circle text-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="默认语言"></i></td>
                                        <td>English(United States)</td>
                                        <td><input type="text" class="form-control" value="name"></td>
                                    </tr>
                                    <tr>
                                        <td>ja</td>
                                        <td>日本語</td>
                                        <td><input type="text" class="form-control" value="名"></td>
                                    </tr>
                                    <tr>
                                        <td>ko-KR</td>
                                        <td>한국어(대한민국)</td>
                                        <td><input type="text" class="form-control" value="이름"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!--保存按钮-->
                        <div class="text-center">
                            <button type="button" class="btn btn-success" data-bs-dismiss="modal" aria-label="Close">确认</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Language Modal -->
    <div class="modal fade" id="langDescModal" tabindex="-1" aria-labelledby="langDescModal" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">多语言设置</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="table-responsive">
                            <table class="table table-hover align-middle text-nowrap">
                                <thead>
                                    <tr class="table-info">
                                        <th scope="col" class="w-25">语言标签</th>
                                        <th scope="col" class="w-25">语言名称</th>
                                        <th scope="col" class="w-50">内容</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>zh-Hans-CN</td>
                                        <td>简体中文(内地)</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>zh-Hans-SG</td>
                                        <td>简体中文(新加坡)</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>zh-Hans-HK</td>
                                        <td>繁體中文(香港)</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>en-US <i class="bi bi-info-circle text-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="默认语言"></i></td>
                                        <td>English(United States)</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>ja</td>
                                        <td>日本語</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                    <tr>
                                        <td>ko-KR</td>
                                        <td>한국어(대한민국)</td>
                                        <td><textarea class="form-control" rows="3"></textarea></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!--保存按钮-->
                        <div class="text-center">
                            <button type="button" class="btn btn-success" data-bs-dismiss="modal" aria-label="Close">确认</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script src="../assets/javascript/bootstrap.bundle.min.js"></script>
    <script src="../assets/javascript/backend.js"></script>
</body>

</html>